/**
 * 公共css样式
 */

/* ios底部安全距离-padding */
.savepadding {
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	/* box-sizing: content-box; */
}

/* ios底部安全距离-bottom */
.savebottom {
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
}

.unify-background-color {
	/* 背景 */
	background-color: #FFFFFF;
}

.unify-background {
	/* 渐变背景 */
	background: linear-gradient(40deg, #FF8800, #FF5A04);
}

.unify-border-top {
	/* 上边框 */
	border-top: 2rpx solid #000000;
	opacity: .05;
}

.unify-block {
	/* 图片块处理 */
	display: block;
}

.unify-margin {
	/* 左右外间距 */
	margin: 0 30rpx;
}

.unify-padding {
	/* 左右内间距 */
	padding: 0 30rpx;
}

.unify-flex {
	/* 弹性布局 */
	display: flex;
}

.unify-relative {
	/* 相对定位 */
	position: relative;
}

.unify-absolute {
	/* 绝对定位 */
	position: absolute;
}

.unify-fixed {
	/* 固定 */
	position: fixed;
}

.unify-interval {
	/* 上下间隔 */
	height: 15px;
}

.unify-thin {
	/* 字体正常 */
	font-weight: 400;
}

.unify-weight {
	/* 字体加粗 */
	font-weight: bold;
}

.unify-font-size-line-astrict {
	/* 字体一行显示超出省略号代替 */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.unify-font-size-two-line-astrict {
	/* 字体两行显示超出省略号代替 */
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.unify-ceiling {
	/* 吸顶效果 */
	position: -webkit-sticky;
	position: sticky;
	top: var(--window-top);
	z-index: 9;
}

.unify-rotate270 {
	/* 旋转270度 */
	transform: rotate(270deg);
}

.unify-rotate180 {
	/* 旋转180度 */
	transform: rotate(180deg);
}

.unify-rotate90 {
	/* 旋转90度 */
	transform: rotate(90deg);
}

.unify-flip-vertical {
	/* 垂直翻转 */
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	/*IE*/
	filter: FlipV;
}

.unify-radius {
	/* 圆角10像素 */
	border-radius: 20rpx;
}

.unify-subsidiary {
	/* 辅助 */
	font-size: 20rpx;
	color: #999999;
}

.unify-lebel {
	/* 标签 */
	font-size: 20rpx;
}

.unify-border {
	/* 边框 */
	border: 2rpx solid #FF8787;
}

.unify-mask-layer {
	/* 遮罩层 */
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	overflow: hidden;
}

.uni-animation-from-top-to-bottom {
	/* 从上至下动画效果 */
	-webkit-animation: fadeInDown .3s;
	animation: fadeInDown .3s;
}

@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -20%, 0);
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -20%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: none;
		opacity: 1;
	}
}

.uni-from-the-bottom {
	/* 从下至上动画效果 */
	-webkit-animation: fadelogIn .4s;
	animation: fadelogIn .4s;
}

@keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: none;
	}
}

.unify-dextrosinistral {
	/* 从右向左动画效果 */
	-webkit-animation: fadeleftIn .4s;
	animation: fadeleftIn .4s;
}

@keyframes fadeleftIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeleftIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
	}

	100% {
		-webkit-transform: none;
	}
}

.unify-fade-in {
	/* 淡入缩放效果 */
	-webkit-animation: fade-in .3s ease;
	animation: fade-in .2s ease;
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
}

@keyframes fade-in {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5);
		opacity: 0;
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5);
		opacity: 0;
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 1;
	}
}


.unify-float-collapse::after {
	/* 父级增加overflow: hidden; */
	/* 使用float防止塌陷 */
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
}
